<template>
  <div id="app">
    <mt-navbar v-model="selected" >
        <mt-tab-item id="1" style="margin-bottom:3px;">通知公告</mt-tab-item>
        <mt-tab-item id="2" style="margin-bottom:3px;">我的消息</mt-tab-item>
    </mt-navbar>
    <!-- tab-container -->
    <mt-tab-container v-model="selected" >
        <mt-tab-container-item id="1" >
            <mt-cell v-for="n in 10" :title="'内容 ' + n" :key="n"></mt-cell>
        </mt-tab-container-item>
        <mt-tab-container-item id="2" style="margin-bottom:3px;">
            <mt-cell v-for="n in 4" :title="'测试 ' + n"  :key="n"></mt-cell>
        </mt-tab-container-item>
    </mt-tab-container>
  </div>
</template>
<script>
export default {
   data() {
      return {
          selected:"1",

      }
    },
    created(){

    },
    methods:{

    },
    // components(){

    // },  
}
</script>
<style lang="less">

</style>
